<template>
  <div class="app">
    <van-nav-bar
      title="极速问诊"
      right-text="问诊记录"
      left-arrow
      :border=false
    />
    <div class="content">
      <img src="@/assets/images/consult-fast.png" class="docotor" alt="">
    <div class="textbox"><span class="times">20s</span>快速匹配专业医生</div>
    <router-link to="/selectdepartment" class="nav">
       <img src="@/assets/icons/consult/doctor.svg" class="imgs" alt="">
       <div class="middle">
          <p class="title">三甲图文问诊</p>
          <p class="desc">三甲主治及以上级别医生</p>
      </div>
      <van-icon name="arrow" />
     </router-link>
    <router-link to="/selectdepartment" class="nav">
       <img src="@/assets/icons/consult/message.svg" class="imgs" alt="">
       <div class="middle">
          <p class="title">普通图文问诊</p>
          <p class="desc">二甲主治及以上级别医生</p>
      </div>
      <van-icon name="arrow" />
     </router-link>
    </div>
  </div>
</template>

<script>
export default {
  name: 'QuickInquiry',
  data () {
    return {

    }
  },

  created () {

  },

  methods: {

  }
}
</script>

<style scoped lang='less'>
.app{
 /deep/ .van-nav-bar__arrow{
  font-size: 20px;
 }
/deep/ .van-nav-bar__text {
  color:#5dc6ba;
  font-weight: 600;
}
/deep/ .van-nav-bar__title{
  font-weight: 600;
  font-size: 18px;
}
  .content{
    padding: 0 15px;
    .docotor{
      width: 240px;
      height: 206px;
      object-fit: cover;
      margin-left: 17%;
      margin-top: 30px;
    }
    .textbox{
      flex-shrink: 20px;
      font-weight: 700;
      margin-top: 20px;
      text-align: center;
      margin-bottom: 40px;
      .times{
        color:#24c6a8;
        margin-right: 5px;
      }
    }
    .nav{
       padding: 0 15px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      border: 1px solid #f9f9f9;
      margin-bottom: 20px;
      .imgs{
        width: 50px;
        height: 50px;
      }
      .middle{
        margin-left: 15px;
        flex: 1;
        .title{
          color: #3c3e42;
          font-weight: 700;
          font-size: 16px;
        }
        .desc{
          color: #a6a6a6;
          font-size: 14px;
          margin-top: -10px;
        }

      }
    }
  }
   /deep/ .van-icon-arrow{
          color: #cdcdcf;
        }
}
</style>
